@import './bw';

section{
    padding: vw(90) 0 vw(96) 0;
    height: 100vh;
    font-size: 0;
    overflow-y: scroll;
    .tengxunvideo{
        width: vw(585);
        height: vw(562);
        border-bottom: 1px solid #e6e6e6;
        margin-left: vw(26);
        >p{
            &:nth-of-type(1){
                font-size: vw(30);
                font-weight: bold;
                margin-top: vw(42);
            }
            &:nth-of-type(2){
                margin-top: vw(18);
                font-size: vw(22);
                color: #c5c5c5;
                img{
                    width: vw(24);
                    height: vw(14);
                    margin-left: vw(15);
                    margin-right: vw(5);
                }
            }
            &:nth-of-type(3){
                margin-top:vw(53);
                font-size: vw(22);
                color: #aeaeae;
            }
            &:nth-of-type(4){
                margin-top: vw(4);
                font-size: vw(22);
                color: #aeaeae;
            }
        }
        >img{
            width: vw(581);
            height: vw(337);
            margin-top: vw(22);
        }
    }

    >p{
        font-size: vw(28);
        color: #8e8d8d;
        margin: vw(36) 0 vw(9) vw(28);
        font-weight: bold;
    }

    .phone{
        width: vw(640);
        height: vw(151);
        background-color: #b20000;

        ul{
            display: flex;
            justify-content: flex-start;
            li{
                width: 33%;
                height: vw(115);
                text-align: center;
                font-size: vw(22);
                color: white;
                position: relative;

                &::after{
                    content: '';
                    display: block;
                    width: 1px;
                    height: vw(115);
                    background-color: white;
                    position: absolute;
                    top: vw(18);
                    right: 0;
                }


                img{
                    margin-top: vw(36);
                    margin-bottom: vw(18);
                }
                &:nth-of-type(1){
                    img{
                        width: vw(44);
                        height: vw(41);
                    }
                }
                &:nth-of-type(2){
                    img{
                        width: vw(36);
                        height: vw(37);
                    }
                }
                &:nth-of-type(3){
                    img{
                        width: vw(34);
                        height: vw(37);
                    }
                    &::after{
                        display: none;
                    }
                }
            }
        }
    }
}